<template>
<!-- 专业平台 放心平台 -->
    <div class="trans-bar content">
			<div class="terrace_tips">
        <img src="../../assets/images/home/data_1.png" alt="">
				<h1 class="font-24 color-gold">{{$t("ptxt103")||"成交数据"}}</h1>
        <p>{{$t("ptxt104")||'不错过每一个可能'}}</p>
			</div>
      <div class="mt50">
				<el-row type="flex" class="row-bg" justify="space-between">
					<el-col :span="6" v-for="(item,index) in bottomData" :key="index">
						<div class="grid-content bg-purple condata_box" >
							<div>
								<h3>{{Number(item.allnumber)}}</h3>
								<p>24H {{item.maincoin}} 成交额</p>
							</div>
						</div>
					</el-col>
				</el-row>
			</div>
    </div>
</template>
<script>
import newsModel from "@/model/newsModel.js";
let { newsList } = newsModel;
export default {
  name: "app-down",
  data() {
    return {
			TrandNumItem: null,
			bottomData:[]
    };
  },
  mounted() {
    
  },
  methods: {
    // getgasforday 根据主板获取主币种的成交额
    getgasforday(){
      this.request(this.api.getgasforday,{area:1}).then(res => {
        console.log(`最下面:${JSON.stringify(res)}`);
        this.bottomData=res.data;
      });
    },
  }
};
</script>
<style lang="scss" scoped>
.terrace_tips{
  text-align: center;padding-top:20px;
  p{color:#a8a8a8;height: 50px;line-height: 50px;margin-top: 0px;padding: 0 15px;}
}
.condata_box{
	color: #ffffff;
	text-align: center;
	h3{font-size: 24px;line-height: 45px;}
	p{background: rgba(223,198,159,0.2);height: 30px;line-height: 30px;}
}
.mt50{margin-top: 50px;}
</style>